<template>
		<u-popup :show="show" @close="close" :safeAreaInsetBottom="safeAreaInsetBottom" @open="open" mode="center" :round="28">
			<view class="notice">
				<text class="title">使用须知</text>
				<view class="notice_conten">
					<view class="notice_conten_text">
						<text>感谢您信任并使用蔡阿姨的红娘馆平台，此平台主要为已加入我们线下实体店会员的用户提供登记和展示服务，所有信息登记和展示均经过本人书面授权同意，为了切实保护隐私权优化用户体验，我们需要您登录授权来判断您是否为我们线下实体店会员，平台根据现行的法律法规、监管政策要求及运营实际情况更新了蔡阿姨的红娘馆平台</text>
						<text @click="agreement('用户服务协议')" style="color: #FF7612;">《用户服务协议》</text>
						<text @click="agreement('隐私保护政策')" style="color: #FF7612;">《隐私保护政策》</text>
						<text>请您仔细阅读并充分理解相关调控，在确认理解和同意后再使用蔡阿姨的红娘馆平台提供的相关服务。</text>
					</view>
						<text>如您同意以上协议和政策，请点击“同意”并开始使用我们的服务，我们会尽全力保护您的个人信息安全、保障您的产品使用体验。</text>
					
				</view>
				<view class="u-flex-between u-flex">
					<view class="btn disagree"   @click="close">
						<text>不同意</text>
					</view>
					<view class="btn agree" @click="agree_submit">
						<text>同意</text>
					</view>
				</view>
			</view>
		</u-popup>
</template>

<script>
	export default {
		data() {
			return {
				showToolbar: false,
				show: false,
				safeAreaInsetBottom:false
			}
		},
		onLoad() {

		},
		methods: {
			agreement(item){
				uni.navigateTo({
					url:'/pagesA/agreement/index?text='+item
				})
			},
			open() {
				this.show = true
			},
			close() {
				this.show = false
			},
			agree_submit(){
				let code = this.$getUrlParam('code')
			if (!code) {
				this.$getRouteCode()
				}	
			},
			submit() {
				let isclick = true
				if (isclick) {
					isclick = false
					uni.navigateTo({
						url: './perfect_data_five/index',
						success: () => {
							isclick = true
						}
					})
				}

			}
		}
	}
</script>

<style lang="scss" scoped>
	
		.notice {
			width: 650rpx;
			padding: 64rpx 24rpx;
			margin: auto;
			box-sizing: border-box;

			.title {
				text-align: center;
				color: #111111;
				font-size: 34rpx;
				font-weight: bold;
				margin-bottom: 48rpx;
				display: block;
				padding: 0 42rpx;
			}

			.btn {
				width: 277rpx;
				height: 92rpx;
				line-height: 92rpx;
				text-align: center;
				border-radius: 46rpx;

				text {
					font-size: 30rpx;
				}
			}

			.notice_conten {
				margin-bottom: 20rpx;
				text{
					font-size: 28rpx;
					color: #111111;
					line-height: 48rpx;
				}
				
			}

			.disagree {
				background: #F6F6F6;
				color: #111111;
			}

			.agree {
				background: #FF7612;
				color: #fff;
			}
		}
</style>
